.sign-page{
  padding:10px 0;
}

.alert{
  position:absolute;
  width:18%;
  left:40%;
  top:5%;
  display:none;
}


.alert p{
  text-align:center;
}
.signup-page{
  width:60%;
  display:inline-block;
  vertical-align:top;
}

.signin-page{
  width:60%;
  display:inline-block;
  vertical-align:top;
  margin:0 auto;
}

form{
  width:100%;
  display:block;
  margin:20px;
}
.input-prepend span{
  width:42px;
  height:42px;
}
.input-prepend input{
  width:80%;
  height:42px;
  padding:4px 12px;
}
span#control-group{
  margin:0 0 100px 0;
}
.middle-box{
  position: relative;
}
.tips{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  position: absolute;
  z-index: 15;
  left: 0;
  top: 0;
}
.regsiter{ padding: 50px; position: fixed;
  top:40%; left: 50%; background: #fff; z-index: 20; transform: translate(-50%, -50%);color:red;position: relative;
}
.icon_tips{
  width: 27px;
  height:33px;
  position: absolute;
  background: url('../../../assets/images/close.png') no-repeat;
  right: 1px;
  top: -2px;
  cursor: pointer;
}
